<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
    <title>502 Bad Gateway</title>
    <style type="text/css">
        *{margin:0;padding:0;text-align:center;}
        html,body{width:100%;height:100%;}
        .content {
            padding-top: 15%;
        }
        .top {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 40px 0px;
            color: #7D7D7D;
        }
        .top div{
            width: 50%;
            word-break: break-all;
        }
        .top div:first-of-type {
            padding: 0px 20px;
            text-align: right;
        }
        .top div:last-of-type {
            border-left: 1px solid #CCCCCC;
            text-align: left;
            padding: 0px 20px;
        }
        .imageContent {
            display: flex;
            justify-content: space-between;
            color: #7D7D7D;
            width: 560px;
            margin: 0 auto;
        }
        .imageContent>div {
            margin: 0px 10px;
        }
        .visitor {
            background-image: url();
            width: 33px;
            height: 37px;
            margin: auto;
        }
        .protectNode {
            background-image: url();
            width: 61px;
            height: 37px;
            margin: auto;
        }
        .server {
            background-image: url();
            width: 47px;
            height: 43px;
            margin: auto;
        }
        .success {
            background-image: url();
            width: 102px;
            height: 24px;
        }
        .timeout {
            background-image: url();
            width: 100px;
            height: 24px;
        }
        .nodeName {padding-top: 20px;}
    </style>
</head>
<body>
<div class="content">
    <h1>502 Bad Gateway</h1>
    <div class="top">
        <div>您的IP: 116.24.65.67</div>
        <div>Event ID: 1156-1597664618.993-s6czt</div>
    </div>
    <div class="imageContent">
        <div>
            <div class="visitor"></div>
            <div class="nodeName">网站访问者</div>
        </div>
        <div>
            <div class="success"></div>
        </div>
        <div>
            <div class="protectNode"></div>
            <div class="nodeName">安域防护节点</div>
        </div>
        <div>
            <div class="timeout"></div>
        </div>
        <div>
            <div class="server"></div>
            <div style="padding-top: 14px;">源站服务器</div>
        </div>
    </div>
</div>
</body>
</html>
